<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>Document</title>
  </head>
  <body>
    <div class="nav-menu">
      <div class="container menu-content">
        <div class="menu-left">
          <span>北京 尚品汇欢迎您！请</span>
          <a href="#">登录</a>
          <a href="#">免费登录</a>
        </div>
        <div class="menu-right">
          <a href="">我的订单</a>
          <a href="">我的购物车</a>
          <a href="">我的尚品汇</a>
          <a href="">尚品汇会员</a>
          <a href="">企业采购</a>
          <a href="">关注尚品汇</a>
          <a href="">合作招商</a>
          <a href="">商家后台</a>
        </div>
      </div>
    </div>
    <div class="search-wrap container">
      <div class="left-img">
        <img src="./img/Logo.png" alt="" />
      </div>
      <div class="search-item">
        <input type="text" />
        <button>搜索</button>
      </div>
    </div>
    <div class="type-nav">
      <div class="container type-detail">
        <div class="all">
          <div class="all-title">全部商品分类</div>
          <div class="type-list">
            <ul>
              <li>
                <span>图书、音像、电子书刊</span>
                <div></div>
              </li>
              <li>
                <span>手机</span>
              </li>
              <li>
                <span>家用电器</span>
              </li>
              <li>
                <span>数码</span>
              </li>
              <li>
                <span>电脑办公</span>
              </li>
              <li>
                <span>厨具</span>
              </li>
              <li>
                <span>个护化妆</span>
              </li>
              <li>
                <span>服饰内衣</span>
              </li>
              <li>
                <span>钟表</span>
              </li>
              <li>
                <span>鞋靴</span>
              </li>
              <li>
                <span>母婴</span>
              </li>
              <li>
                <span>礼品箱包</span>
              </li>
              <li>
                <span>食品饮料、保健食品</span>
              </li>
            </ul>
          </div>
        </div>
        <ul>
          <li>服装城</li>
          <li>美妆馆</li>
          <li>尚品汇超市</li>
          <li>全球购</li>
          <li>闪购</li>
          <li>团购</li>
          <li>有趣</li>
          <li>秒杀</li>
        </ul>
      </div>
    </div>
  </body>
</html>
